<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>记忆</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/contact-list.css" />
	</head>

	<body>
		<div class="mui-content">
			<ul id="list-ul" class="mui-table-view mui-table-view-striped mui-table-view-condensed" style="border: 0px solid red;margin-top: 0px;">
				<!--<li class="mui-table-view-cell">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
						<a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
						<a class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
					</div>
					<div class="mui-table-cell mui-slider-handle">
						<div class="mui-slider-cell">
							<div class="oa-contact-cell mui-table">
								<div class="oa-contact-avatar mui-table-cell">
									<img src="../images/45x45.png" />
								</div>
								<div class="oa-contact-content mui-table-cell">
									<div class="mui-clearfix">
										<h4 class="oa-contact-name">叶文洁</h4>
										<span class="oa-contact-position mui-h6">董事长</span>
									</div>
									<p class="oa-contact-email mui-h6">
										yewenjie@sina.com
									</p>
								</div>
							</div>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
						<a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
						<a class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
					</div>
					<div class="mui-slider-cell mui-slider-handle">
						<div class="oa-contact-cell mui-table">
							<div class="oa-contact-avatar mui-table-cell">
								<img src="../images/45x45(2).png" />
							</div>
							<div class="oa-contact-content mui-table-cell">
								<div class="mui-clearfix">
									<h4 class="oa-contact-name">艾AA</h4>
									<span class="oa-contact-position mui-h6">总经理</span>
								</div>
								<p class="oa-contact-email mui-h6">
									aaa@163.com
								</p>
							</div>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
						<a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
						<a class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
					</div>
					<div class="mui-slider-cell mui-slider-handle">
						<div class="oa-contact-cell mui-table">
							<div class="oa-contact-avatar mui-table-cell">
								<img src="../images/45x45.png" />
							</div>
							<div class="oa-contact-content mui-table-cell">
								<div class="mui-clearfix">
									<h4 class="oa-contact-name">罗辑</h4>
									<span class="oa-contact-position mui-h6">员工</span>
								</div>
								<p class="oa-contact-email mui-h6">
									luoji@126.com
								</p>
							</div>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
						<a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
						<a class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
					</div>
					<div class="mui-slider-cell mui-slider-handle">
						<div class="oa-contact-cell mui-table">
							<div class="oa-contact-avatar mui-table-cell">
								<img src="../images/45x45(2).png" />
							</div>
							<div class="oa-contact-content mui-table-cell">
								<div class="mui-clearfix">
									<h4 class="oa-contact-name">云天明</h4>
									<span class="oa-contact-position mui-h6">员工</span>
								</div>
								<p class="oa-contact-email mui-h6">
									ytm@163.com
								</p>
							</div>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
						<a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
						<a class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
					</div>
					<div class="mui-slider-cell mui-slider-handle">
						<div class="oa-contact-cell mui-table">
							<div class="oa-contact-avatar mui-table-cell">
								<img src="../images/45x45.png" />
							</div>
							<div class="oa-contact-content mui-table-cell">
								<div class="mui-clearfix">
									<h4 class="oa-contact-name">史强</h4>
									<span class="oa-contact-position mui-h6">员工</span>
								</div>
								<p class="oa-contact-email mui-h6">
									shiqiang@gmail.com
								</p>
							</div>
						</div>
					</div>
				</li>-->
			</ul>
		</div>
	</body>
	<script src="../libs/mui.min.js"></script>
	<script src="../js/url.js"></script>
	<script>
		var userList = "http://user.yumedu.net/userManage/oneQueryOrganUser.action";
		mui.init({
			swipeBack: false //启用右滑关闭功能
		});
		mui.plusReady(function() {
			mui('.mui-table-view-condensed').on('tap', 'li', function(e) {
				mui.toast('你好啊');
			});
			init();
		});
		var init = function() {
			alert("12");
			var li = '';
			var param = {
				request:{
					data:{
						id:1,
						pageNow:1,
						pageSize:30
					}
				}
			};
			debugger;
			mui.post(userList, JSON.stringify(param), function(result) {
				var list = result.response.data;
				for(var i = 0; i < list.length; i++) {
					var map = list[i];
					li += '\
					<li class="mui-table-view-cell">\
						<div class="mui-slider-right mui-disabled">\
							<a class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>\
							<a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>\
							<a class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>\
						</div>\
						<div class="mui-table-cell mui-slider-handle">\
							<div class="mui-slider-cell">\
								<div class="oa-contact-cell mui-table">\
									<div class="oa-contact-avatar mui-table-cell">\
										<img src="../images/45x45.png" />\
									</div>\
									<div class="oa-contact-content mui-table-cell">\
										<div class="mui-clearfix">\
											<h4 class="oa-contact-name">叶文洁' + i + '</h4>\
											<span class="oa-contact-position mui-h6">董事长</span>\
										</div>\
										<p class="oa-contact-email mui-h6">\
											yewenjie@sina.com\
										</p>\
									</div>\
								</div>\
							</div>\
						</div>\
					</li>';
				}
				//mui.alert(mui('#list-ul')[0].innerHTML);
				mui('#list-ul')[0].innerHTML = li;
			},"json");
		}
	</script>

</html>